<!DOCTYPE html>
<!--引入模板引擎-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        #wrap{
            width: 100%;
            height: 600px;
            border: 5px solid black;
        }

        #left{
            width: 50%;
            height: 600px;
            border: 1px solid red;
            float: left;
        }

        #right{
            width: 49%;
            height: 600px;
            border: 1px solid orangered;
            float: right;
        }
    </style>
</head>
<body>
<div id="wrap">
    <div id="left">
        <table border="1" cellspacing="0" cellpadding="10">
            <tr>
                <th>编号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>年级编号</th>
                <th>操作</th>
            </tr>
            <!--  @{引用路径}  #{做国际化} ${取值} *{} -->
            <tr th:each="student:${pageInfo.list}">
                <td th:text="${student.id}">123</td>
                <td th:text="${student.name}">Data</td>
                <td th:text="${student.sex}">Data</td>
                <td th:text="${student.gradeId}">Data</td>
                <td>
                    <a href="javascript:void(0)" th:href="@{/student/}+${student.id}">删除</a>
                    <a href="javascript:void(0)" th:href="@{/edit(id=${student.id})}">修改</a>
                </td>
            </tr>
        </table>
        <a href="" th:href="@{/students(pageNum=1)}">首页</a>
        <a href="" th:if="${pageInfo.hasPreviousPage}" th:href="@{/students(pageNum=${pageInfo.pageNum}-1)}">上一页</a>
        <a href="" th:if="${pageInfo.hasNextPage}" th:href="@{/students(pageNum=${pageInfo.pageNum}+1)}">下一页</a>
        <a href="" th:href="@{/students(pageNum=${pageInfo.pages})}">尾页</a>
        总页数:<span th:text="${pageInfo.pages}"></span>/当前页数:[[${pageInfo.pageNum}]]
        <!--[[${pageInfo.pages}]]-->
    </div>
    <a href="javascript:void(0)" th:href="@{/edit}">新增</a>
</div>

<script src="" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

</script>
</body>
</html>